<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view>
<!doctype html>
<head>	
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/template.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">	
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">
	
</head>
<body>
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
<div class="cuerpo">
<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
<div class="clear"></div>
<!-- Menu y Usuario init() -->
	<%@ include file="include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>
<!-- Formulario --> 
<div id="buscador">
<h2>Gesti<h:outputText value="#{msg.tilde_o}" />n de Feria Artesanal: NUEVO</h2>

<h:form id="createFeriaArtesanalForm">
	<script type="text/javascript">        
	</script>
		<span class="left" style="margin-left:0px">
		<label>Tipo de Feria <span class="asterisco">*</span></label>
			<h:selectOneMenu id="idTipoFeria" styleClass="validate[required]"
			value="#{feriaArtesanalController.feriaArtesanal.idTipoFeriaStr}">                            
                        <f:selectItem itemLabel="Seleccione..." itemValue=""/>
         					<f:selectItem itemLabel="Feria Artesanal" itemValue="1"/>
                            <f:selectItem itemLabel="Feria Comercial" itemValue="2"/>	     
                            <f:selectItem itemLabel="Bazar San Alejo" itemValue="3"/>                                                                  
                        </h:selectOneMenu>								
		</span>                
        <span class="left" style="margin-left:35px"> 				
		<label>Fecha Inicial <span class="asterisco">*</span></label>
			<h:inputText id="fechaInicio" styleClass="validate[required,custom[date]] fechaInicio" size="10" maxlength="10"
					value="#{feriaArtesanalController.feriaArtesanal.fechaInicio}">
				<f:convertDateTime pattern="dd/MM/yyyy"/>
			</h:inputText>
		</span>
		<span class="left" style="margin-left:45px"> 						
		<label>Fecha Final <span class="asterisco">*</span></label>
			<h:inputText id="fechaFin" styleClass="validate[required,custom[date]] fechaFin" size="10" maxlength="10"
					value="#{feriaArtesanalController.feriaArtesanal.fechaFin}">
				<f:convertDateTime pattern="dd/MM/yyyy"/>
			</h:inputText>
		</span>		
		<div class="clear"></div>
		<br/>
			<span class="left" >
						<label>Hora Inicio <span class="asterisco">*</span></label>
							<h:selectOneMenu id="horaInicio" styleClass="validate[required]"
								value="#{feriaArtesanalController.feriaArtesanal.horaInicio}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItem itemLabel="00:00" itemValue="00:00"/>
                                <f:selectItem itemLabel="01:00" itemValue="01:00"/>
                                <f:selectItem itemLabel="02:00" itemValue="02:00"/>
                                <f:selectItem itemLabel="03:00" itemValue="03:00"/>
                                <f:selectItem itemLabel="04:00" itemValue="04:00"/>
                                <f:selectItem itemLabel="05:00" itemValue="05:00"/>
                                <f:selectItem itemLabel="06:00" itemValue="06:00"/>
                                <f:selectItem itemLabel="07:00" itemValue="07:00"/>
                                <f:selectItem itemLabel="08:00" itemValue="08:00"/>
                                <f:selectItem itemLabel="09:00" itemValue="09:00"/>
                                <f:selectItem itemLabel="10:00" itemValue="10:00"/>
                                <f:selectItem itemLabel="11:00" itemValue="11:00"/>
                                <f:selectItem itemLabel="12:00" itemValue="12:00"/>
                                <f:selectItem itemLabel="13:00" itemValue="13:00"/>
                                <f:selectItem itemLabel="14:00" itemValue="14:00"/>
                                <f:selectItem itemLabel="15:00" itemValue="15:00"/>
                                <f:selectItem itemLabel="16:00" itemValue="16:00"/>
                                <f:selectItem itemLabel="17:00" itemValue="17:00"/>
                                <f:selectItem itemLabel="18:00" itemValue="18:00"/>
                                <f:selectItem itemLabel="19:00" itemValue="19:00"/>
                                <f:selectItem itemLabel="20:00" itemValue="20:00"/>
                                <f:selectItem itemLabel="21:00" itemValue="21:00"/>
                                <f:selectItem itemLabel="22:00" itemValue="22:00"/>
                                <f:selectItem itemLabel="23:00" itemValue="23:00"/>
               				</h:selectOneMenu> 		
						</span>
			<span class="left"  style="margin-left:45px">
						<label>Hora Finalizaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
							<h:selectOneMenu id="horaFin" styleClass="validate[required]"
								value="#{feriaArtesanalController.feriaArtesanal.horaFin}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItem itemLabel="00:00" itemValue="00:00"/>
                                <f:selectItem itemLabel="01:00" itemValue="01:00"/>
                                <f:selectItem itemLabel="02:00" itemValue="02:00"/>
                                <f:selectItem itemLabel="03:00" itemValue="03:00"/>
                                <f:selectItem itemLabel="04:00" itemValue="04:00"/>
                                <f:selectItem itemLabel="05:00" itemValue="05:00"/>
                                <f:selectItem itemLabel="06:00" itemValue="06:00"/>
                                <f:selectItem itemLabel="07:00" itemValue="07:00"/>
                                <f:selectItem itemLabel="08:00" itemValue="08:00"/>
                                <f:selectItem itemLabel="09:00" itemValue="09:00"/>
                                <f:selectItem itemLabel="10:00" itemValue="10:00"/>
                                <f:selectItem itemLabel="11:00" itemValue="11:00"/>
                                <f:selectItem itemLabel="12:00" itemValue="12:00"/>
                                <f:selectItem itemLabel="13:00" itemValue="13:00"/>
                                <f:selectItem itemLabel="14:00" itemValue="14:00"/>
                                <f:selectItem itemLabel="15:00" itemValue="15:00"/>
                                <f:selectItem itemLabel="16:00" itemValue="16:00"/>
                                <f:selectItem itemLabel="17:00" itemValue="17:00"/>
                                <f:selectItem itemLabel="18:00" itemValue="18:00"/>
                                <f:selectItem itemLabel="19:00" itemValue="19:00"/>
                                <f:selectItem itemLabel="20:00" itemValue="20:00"/>
                                <f:selectItem itemLabel="21:00" itemValue="21:00"/>
                                <f:selectItem itemLabel="22:00" itemValue="22:00"/>
                                <f:selectItem itemLabel="23:00" itemValue="23:00"/>
               				</h:selectOneMenu> 		
						</span>						
		<span class="left" style="margin-left:45px">
		<label>Cantidad de Toldos <span class="asterisco">*</span></label>
			<h:inputText id="toldos" size="4" maxlength="4" styleClass="validate[custom[integer]]"
						value="#{feriaArtesanalController.feriaArtesanal.cantidadToldosStr}" />
		</span>		
		<div class="clear"></div>
		<br/>					
		<div class="clear"></div>			
		<span class="left" style="margin-left:5px">
		<label>Lugar <span class="asterisco">*</span></label>
			<h:inputText id="lugar" size="50" maxlength="128" styleClass="validate[required,maxSize[128]]"
						value="#{feriaArtesanalController.feriaArtesanal.lugar}" />
		</span>	
		<div class="clear"></div>					
		<span class="left" style="margin-left:5px">
		<label>Descripci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
			<h:inputTextarea id="descripcion"  cols="85" rows="7"  styleClass="validate[required,maxSize[255]]"
			style="width:550px !important; min-width:550px !important; max-width:550px !important; height:60px !important; min-height:60px !important; max-height:60px !important; "
						value="#{feriaArtesanalController.feriaArtesanal.descripcion}" />
		</span>
		<span class="espacio-adicional left">
		</span>
		<div class="clear"></div>
		<span class="espacio-adicional left">
		<label>Estado <span class="asterisco">*</span></label>
			<h:selectOneMenu id="estado" styleClass="validate[required]"
			value="#{feriaArtesanalController.feriaArtesanal.estado}">
                            <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                            <f:selectItem itemLabel="Cumple" itemValue="CUMPLE"/>
                            <f:selectItem itemLabel="No Cumple" itemValue="NO_CUMPLE"/>                                                                
                        </h:selectOneMenu>								
		</span>
		<br/>
		<br/>
		<br/>
		<div class="clear"></div>
		(<span class="asterisco"> * </span>) : Campo Obligatorio
		<div class="clear"></div>
		<span class="botones right">
		<h:commandButton id="createFeriaArtesanalButton"						 
		                 type="submit" 
		                 value="Guardar" 
		                 ondblclick="return false;" 
		                 action="#{feriaArtesanalController.create}" >
		</h:commandButton>		
		</span>
</h:form>
</div>
<!-- Fin formulario --> 
<div class="clear"></div>

	<!-- tabla --> 

	<table width="100%" cellspacing="0">  
		<thead>
	  	<tr>
			<th class="Corner">
		    	Informaci<h:outputText value="#{msg.tilde_o}" />n de Auditor<h:outputText value="#{msg.tilde_i}" />a
	    	</th>
	  	</tr>
		</thead>
		<tbody>
		  <tr class="odd">
			<td>Usuario Creaci<h:outputText value="#{msg.tilde_o}" />n</td>
			<td>Fecha Creaci<h:outputText value="#{msg.tilde_o}" />n</td>
			<td>Usuario <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</td>
			<td>Fecha <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</td>
		  </tr>					
		  <tr>
			<td>
			   <h:outputText value="#{feriaArtesanalController.feriaArtesanal.usuarioCrea}" />
			</td>
			<td>
			   <h:outputText value="#{feriaArtesanalController.feriaArtesanal.fechaCrea}" />
			</td>
			<td>
			   <h:outputText value="#{feriaArtesanalController.feriaArtesanal.usuarioModifica}" />
			</td>
			<td>
			   <h:outputText value="#{feriaArtesanalController.feriaArtesanal.fechaModifica}" />
			</td>						
		  </tr>	  
		</tbody>
	</table>

  	<table width="100%" cellspacing="0">				  
	  <tr>
		<td align="center" valign="bottom">
		    <h:form id="cancelManageTypeForm">
			<h:commandButton id="cancelCreateFeriaArtesanalButton"							 
                             type="submit" 
                             value="Cancelar" 
                             ondblclick="return false;" 
                             action="#{feriaArtesanalController.cancelFeriaArtesanal}" >
            </h:commandButton>
            </h:form>
		</td>
	 </tr>
	</table>
<!-- Fin tabla --> 
<div class="clear"></div>
</div>
<div class="abajo-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
</div> <!-- Fin contenedor -->

<div class="footer"></div>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
	<script type="text/javascript">
	jQ(document).ready(function() {
		jQ("input, select, input:checkbox, input:radio, input:file").uniform();
		jQ("#createFeriaArtesanalForm").validationEngine('attach');
		jQ("#createFeriaArtesanalForm").bind("jqv.form.result", function(event, errorFound) {
	        if(!errorFound) displayLoadingImage();
	    });
		jQ(".fechaInicio").mask("99/99/9999");
		jQ(".fechaFin").mask("99/99/9999");
	});
	</script>
	<%@ include file="include/validationStatus.jsp" %>
	<%@ include file="include/modalMessageWindow.jsp" %>			
</body>
</html>
</f:view>